<template>
  <div
    class="box py-28 px-12 box-border bg-image bgEA5752 overflow-y-auto pb-50"
  >
    <div class="box-border textfff pt-36 m-relative">
  <div class="py-28 px-12">
    <!-- 复制核对 -->
    <div class="h-72 flex-center bgfffeff round-16 text-size-26 text000">
      此免单仅限群内人员领取
    </div>

    <div
      class="mt-16 py-30 round-16 bgfffeff flex-center-col round-16 text-size-28 text000"
    >
      需要的加客服进群领取哦！
      <p class="text2000E4 text-underline mt-10" @click="emit('checkGroup')">
        如在群内，点击这里解决
      </p>
    </div>
    <div class="mt-32 p-38 pt-10 bgfffeff round-16 text-size-26 text000">
      <dl>
        <dt class="mb-20">请确认以下信息是您在群里的信息</dt>
        <dd>
          <p class="text-overflow-1 w-max-500 py-10">
            昵称：{{ userInfo?.name }}
          </p>
          <p class="flex flex-a-c py-10">
            头像：
            <div class='w-78 h-78'>
              <van-image
              width="100%"
              height="100%"
              fit="cover"
              :src="userInfo?.wxHeadImg"
              round
            />
            </div>
          </p>
          <p class='py-10'>会员ID：{{ userInfo?.uuid ?? "--" }}</p>
          <p class='py-10'>活动群名称：{{ userInfo?.groupName ?? "--" }}</p>
        </dd>
      </dl>
    </div>
    <div
        class="bgffc600 mt-30 h-90 flex-center round-16 text-size-28 text000"
        @click="emit('checkGroup')"
      >
        我刚刚已进群，点击刷新
      </div>
  </div>
  </div>
  </div>
</template>
<script setup>
const props = defineProps(["userInfo"]);
const emit = defineEmits(["checkGroup"]);
</script>
<style lang="scss">
.bgfffeff {
  background: #fffeff;
}
.textec3342 {
  color: #ec3342;
}
.van-image {
  display: block;
}
.text2000E4 {
  color: #2000e4;
}
.w-max-500 {
  max-width: 500px;
}
.bg-image {
  background-image: url("https://images.maishou88.com/admin/buyer_circle_sc/20231127/20231127171553_8240.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.bgEA5752 {
  background: #ea5752;
}
.box {
  width: 100vw;
  height: 100vh;
}
.bgffc600 {
  background: #ffc600;
}
</style>
